<!DOCTYPE html> 
<html>
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Hello, World</title> 
<style type="text/css"> 
html{height:100%} 
body{height:100%;margin:0px;padding:0px} 
#container{height:100%} 
</style> 
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=CnsltxH601elkNOiv5elDItg5ZXfcnDr">
</script>
</head> 
  
<body> 
<div id="container"></div>
<script type="text/javascript">
var map = new BMapGL.Map('container');
map.centerAndZoom(new BMapGL.Point(116.331398,39.897445), 12);

var opts = {
  width: 250,     // 信息窗口宽度
  height: 100,    // 信息窗口高度
  title: "Hello"  // 信息窗口标题
}

var infoWindow = new BMapGL.InfoWindow("World", opts);  // 创建信息窗口对象

var myGeo = new BMapGL.Geocoder();
// 将地址解析结果显示在地图上，并调整地图视野
myGeo.getPoint('北京科技职业学院', function(point){
  if(point){
    map.centerAndZoom(point, 16);
    map.addOverlay(new BMapGL.Marker(point, {title: '千锋教育'}))

    var marker = new BMapGL.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中

    marker.addEventListener("click", function(){          
      map.openInfoWindow(infoWindow, point); //开启信息窗口
    })
    
  } else {
    alert('您选择的地址没有解析到结果！');
  }
}, '北京市')

</script> 
</body> 
</html>